<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <style type="text/css">
            thead {color:rgb(22, 234, 39)}
            tbody {color:rgb(19, 19, 19);height:50px}
            tfoot {color:red}
            </style>
    </head>
    <body>
        本地图片<br>
        <p><img  src="Astra_86464554.png" width="256"></p>
        远程图片<br>
        <p><img src="https://ts1.cn.mm.bing.net/th?id=OIP-C.Russj_ScHRzeGEodKscxEgHaEo&w=266&h=166&c=8&rs=1&qlt=90&o=6&dpr=1.39&pid=3.1&rm=2"></p>
        远程网站<br>
        <p><a href="https://bilibili.com">b站</a></p>
        本地网站<br>
        <p><a href="1.html#kano3">kano</a></p>
        <h3>无序列表</h3>
        <ul>
            <li>江西</li>
            <li>上海</li>
            <li>广东</li>
        </ul>
        <h3>有序列表</h3>
        <ol>
            <li>江西</li>
            <li>上海</li>
            <li>广东</li>
        </ol>
        <h3>列表嵌套</h3>
        <ul>
            <li>性格
                <ul>
                    <li>安静</li>
                    <li>内向</li>
                </ul>
            </li>
            <li>爱好
                <ul>
                    <li>动漫</li>
                    <li>游戏</li>
                    <li>编程</li>
                </ul>
            </li>
            
        </ul>
        <table border="1">     
        <caption>我的表格</caption>
        <tr>
            <td>国家</td>
            <td>中国</td>
            <td>美国</td>
            <td>俄罗斯</td>
        </tr>
        <tr>
            <td>城市</td>
            <td>上海</td>
            <td>纽约</td>
            <td>莫斯科</td>
        </tr>
        </table>
        <h3>横跨2列表格</h3>
        <table border="1">
            <tr>
                <th>姓名</th>
                <th colspan="2">qq号</th>
                
            </tr>
            <tr>
                <td>张三</td>
                <td>12332111</td>
                <td>45213111</td>
            </tr>
        </table>
        <h3>横跨2行表格</h3>
        <table border="1">
            <tr>
                <th>姓名</th>
                <td>张三</td>
            </tr>
            <tr>
                <th rowspan="2">qq号</th>
                <td>12332111</td>
            </tr>
            <tr>
                <td>45213111</td>
            </tr>
        </table>
        <h3>行分组</h3>
        <table border="1">
            <thead>
                <tr>
                    <td>11</td>
                    <td>12</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>21</td>
                    <td>22</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td>31</td>
                    <td>32</td>
                </tr>
            </tfoot>
        </table>
    <h3>列分组</h3>
    <table border="1">
        <colgroup span="1"></colgroup>
        <tr>
            <td>11</td>
            <td>12</td>
            <td>13</td>
        </tr>
        <tr>
            <td>21</td>
            <td>22</td>
            <td>23</td>
        </tr>
    </table>
    <h3>表单</h3>
    <form>
        用户名： "<input type="text" name=用户名"><br>
        密 &nbsp&nbsp 码:&nbsp&nbsp&nbsp<input type="password"><br>
        昵 &nbsp&nbsp 称:&nbsp&nbsp&nbsp<input type="text"> <br>
        电话号：<input type="text"><br>
        自我介绍：<br>
        <textarea row="8" cols="10"></textarea><br>
        <input type="radio">注册
        <input type="radio">发送验证码 <br>
        性别 <input type="radio"name=1>男 <input type="radio" name="1">女<br>
        爱好 
        <input type="checkbox"name=2> 篮球
        <input type="checkbox"name=2> 跑步
        <input type="checkbox"name=2>游戏
        <input type="checkbox"name=2>音乐
        <input type="checkbox">其他<input type="text"><br>
        班级
        <select>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>   
        </select>

    </form>
    
    </body>
</html>